<!--编辑弹窗-->
<template>
    <div class="mycontainer">
        <el-form :label-position="labelPosition" ref="form" :model="form" >
            <el-row>
                <el-col span="9">
                <el-form-item label="项目名称：">
                    <el-input v-model="form.projectName" :disabled="true"></el-input>
                </el-form-item>
                </el-col>
                <el-col span="9" :offset="6">
                    <el-form-item label="业主名称：">
                    <el-input v-model="form.customName" :disabled="true"></el-input>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col span="9">
                    <el-form-item label="签订合同日期：">
                        <el-input v-model="form.contractGetDate" :disabled="true"></el-input>
                    <!-- <el-date-picker v-model="form.contractGetDate" type="date" placeholder="选择日期" format="yyyy 年 MM 月 dd 日" value-format="yyyy-MM-dd" style="width:100%;"></el-date-picker> -->
                    </el-form-item>
                </el-col>
                <el-col span="9" :offset="6">
                    <el-form-item label="项目区域：">
                        <el-input v-model="form.projectArea" :disabled="true"></el-input>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col span="9">
                    <el-form-item label="项目类型:">
                        <el-input v-model="form.projectType" ></el-input>
                    </el-form-item>
                </el-col>
               <el-col span="9" :offset="6">
                    <el-form-item label="合同金额（元）：">
                        <el-input v-model="form.contractAmount" ></el-input>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col span="9">
                   <el-form-item label="项目经理：">
                        <el-input v-model="form.projectManager" :disabled="true"></el-input>
                    </el-form-item>
                </el-col>
                <el-col span="9" :offset="6">
                    <!-- <el-form-item label="项目投资（元）:">
                        <el-input v-model="form.engineerInvestment" :disabled="true"></el-input>
                    </el-form-item> -->
                </el-col>
            </el-row>
            <el-row>
                <el-col span="9">
                    <el-form-item label="监管部门：">
                        <el-input v-model="form.regulatoryAuthorities" :disabled="true"></el-input>
                    </el-form-item>
                </el-col>
                <el-col span="9" :offset="6">
                    <el-form-item label="已回款（元）:">
                        <el-input v-model="form.paymentReceived" :disabled="true"></el-input>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col span="9">
                    <el-form-item label="剩余(%):">
                        <el-input v-model="form.surplus" ></el-input>
                    </el-form-item>
                </el-col>
            </el-row>
           <el-row>
                <el-col span="24">
                <el-form-item label="备注:">
                    <el-input type="textarea" v-model="form.remark" :disabled="true"></el-input>
                </el-form-item>
                </el-col>
            </el-row>
        </el-form>
    </div>
</template>
 
<script>
export default {
  components: {},
  data () {
    return {
      labelPosition: 'top',
      form: {
        projectName: '',
        customName: '',
        contractGetDate: '',
        contractAmount: '',
        projectType: '',
        projectManager: '',
        projectArea: '',
        regulatoryAuthorities: '',
        paymentReceived: '',
        surplus: '',
        remark: ''
      }
    }
  },
  methods: {
    dataInit (data) {
      if (data) {
        this.form = data;
        console.info(data);
      }
    }
 
  }
}
</script>
<style>
    .mycontainer {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }
</style>
